<template>
 <div class='dy-main LivingPaymentCheckResult'>
  <div class="dy-header">
    <x-header :right-options="{showMore: false}"  :left-options="{backText: ''}" @on-click-more="showMenus = true" @on-click-back="back">开户成功</x-header>
  </div>
  <div class="dy-body">
    <div>
      <div class="img-box-success"></div>
      <div class="financial-buy-result">缴费成功</div>
    </div>
    <div class="financial-result-button" @click="gotoHome">完成</div>
  </div>
</div>
</template>

<script>

export default {
  data () {
    return {

    }
  },
  methods: {
    back () {
      this.$publicFun.goBack(this)
    }

  },
  gotoHome () {
    this.$router.push({name: 'LivingPaymentCheckEnt'})
  }
}
</script>

<style lang="less">
.LivingPaymentCheckResult{
  .img-box-success{
    width: 1.08rem;
    height: 1.08rem;
    margin-top: .8rem;
    margin-bottom: .52rem;
    margin-left: 50%;
    transform: translateX(-50%);
    background: url(../../assets/img/Financial/FinancialBuyResultSuccess.png) no-repeat left top;
    background-size: 100% 100%;
  }
  .img-box-failed{
    width: 1.08rem;
    height: 1.08rem;
    margin-top:.8rem;
    margin-bottom: .52rem;
    margin-left: 50%;
    transform: translateX(-50%);
    background: url(../../assets/img/Financial/zunxiang.png) no-repeat left top;
    background-size: 100% 100%;
  }
  .financial-buy-result{
    text-align: center;
    font-size: .3rem;
  }

  .financial-result-button{
    width: 3.4rem;
    height: .88rem;
    margin: 1.78rem auto;
    line-height: .88rem;
    font-size: .34rem;
    color: #FFF;
    text-align: center;
    background: #EC1B30;
    border-radius: 0.06rem;
  }
}
</style>
